<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0">
        <title>推荐App_坦克部队2</title>
        <style>
            html, body, div, article, a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
            body {line-height:1}
            a {border:none}
            a:active {text-decoration: none;}
            a:link, a:visited {opacity: 1;text-decoration: none;color: #333}
            a:hover {text-decoration: none;}
            html, body {-webkit-touch-callout: none;}
            /*base*/
            article {height: 100%;font-size: 1.06em;text-align: center;}
            article img{margin-bottom: -3em;}
              @media all  and (orientation:portrait)
        {
              html, body{height:100%;}
             article img{width: 100%;height:100%;margin-bottom: -3em;}
             article .getTank {font-size: 1em;}
        }
             @media all  and (orientation:landscape)
        {
             article img{width: 100%;height: auto;margin-bottom: -5em;}
             article .getTank {font-size: 2em;}
        }
            article .getTank {display:inline-block;height: 1.88em; padding: 0 1.25em;font-family:"Microsoft YaHei";color: rgb(74, 74, 74);line-height: 1.88em;text-align: center;z-index: 1;background-image: -webkit-linear-gradient( -90deg, rgb(153,153,153) 0%, rgb(255,255,255) 4%, rgb(214,214,214) 50%, rgb(170,170,170) 84%, rgb(196,196,196) 96%, rgb(255,255,255) 100%);border-width: 1px;  border-style: solid;  border-radius: .8em;}
        </style>
    </head>
    <body>
        <article>
            <img src="http://img.duoyi.com/025/img/mphone/tank.jpg" alt="坦克部队_TanK2HD">
            <a href="#" class="getTank">iOS版免费下载</a>
        </article>
    </body>

</html>